<template>
	<view class="content-shop">
		
		
		
		
		<shop-index v-if="showID === 1001"></shop-index>
		
		
			
		<shop-category v-else-if="showID === 1002"></shop-category>
		
		
		
		<!-- tabbar -->
		<my-tabbar :list="list" @tabbarClicked="tabbarClicked" ></my-tabbar> 
		
	</view>
</template>

<script>
	import MyTabbar from '../../components/mytabbar.vue'
	import ShopIndex from './components/shopIndex.vue'
	import ShopCategory from './components/shopCategory.vue'
	export default {
		components: {
			MyTabbar,
			ShopCategory,
			ShopIndex
		},
		data() {
			return {
				list: [
					{
						id: 1001,
						name: "首页",
						iconPath:"/static/tabbar/hotel.png",
						selectedIconPath:"/static/tabbar/hotel-active.png",
						text:"首页"	
					},
					{
						id: 1002,
						name: "首页",
						iconPath:"/static/tabbar/hotel.png",
						selectedIconPath:"/static/tabbar/hotel-active.png",
						text:"分类"	
					},
					{
						id: 1003,
						name: "首页",
						iconPath:"/static/tabbar/hotel.png",
						selectedIconPath:"/static/tabbar/hotel-active.png",
						text:"酒店"	
					},
					{
						id: 1004,
						name: "首页",
						iconPath:"/static/tabbar/hotel.png",
						selectedIconPath:"/static/tabbar/hotel-active.png",
						text:"酒店"	
					},
				],
				showID: 1001
				
			}
		},
		methods: {
			tabbarClicked(id) {
				this.showID = id
			}
		}
	}
</script>

<style lang="scss">

</style>
